<template>
    <div class="us_body">
        <div class="tab">
            <span>个人中心</span>
            <span>
                <el-icon>
                    <ArrowRight />
                </el-icon>
            </span>
            <span>联系客服</span>
        </div>
        
    </div>
</template>

<script setup>
import { ArrowRight } from '@element-plus/icons-vue'

</script>


<style scoped lang="scss" >
.us_body{
    width: 1300px;
    margin: 0 auto;
    font-size: 16px;
    padding-bottom: 80px;
    & .tab{
        font-size: 12px;
        line-height: 20px;
        margin: 10px 0px;
        & >span{
            margin-right: 10px;
            color: #666;
        }
    }
    & .title,& .phone{
        font-weight: bold;
        color: #333;
    }
    & .title{
        margin-bottom: 60px;
        margin-top: 30px; 
    }
    & .phone{
        margin-bottom: 30px; 
    }
    & .img{
        margin-bottom: 30px; 
    }
    & .tip{
        font-size: 12px;
        color: #A5A5A5;
    }
}
</style>